<div className="industrySolution_crossBorder">
  <section className="banner">
    <img className="bannerTitle" src="images/industrySolution/crossBorder_banner_new.png" alt="跨境迈_卖世界、迈全球"/>
  </section>

  <section className="g-section g-model" id="model">
      <div className="c-layout">
          <h1 className="title">“迈”模式</h1>
          <div className="text">
            跨境迈，隶属于三藏智运云产品体系，依托Shipwire技术平台，集成信息流、物流，为中小外贸企业提供最优的跨境出口物流解决方案。
          </div>
          <div lassName="m-model-content clearfix">
              <a className="wrap-model-wrapper">
                <img className="lazy" data-original="images/industrySolution/crossBorder_model.svg" alt="“迈”模式" />
              </a>
          </div>
      </div>
  </section>

  <section className="g-section g-advantage" id="advantage">
      <div className="c-layout">
          <h1 className="title">“迈”优势</h1>
          <div className="m-advantage-content clearfix">
            <div className="item">
              <img className="icon lazy" data-original="images/industrySolution/crossBorder_advantage_country.svg" width="80px" height="80px"></img>
              <p className="text">覆盖全球<span className="large-size">80%</span></p>
              <p>国家及地区</p>
            </div>
            <div className="item">
              <img className="icon lazy" data-original="images/industrySolution/crossBorder_advantage_ecommerce.svg" width="80px" height="80px"></img>
              <p className="text">链接<span className="large-size">100多家</span></p>
              <p>电商平台</p>
            </div>
            <div className="item">
              <img className="icon lazy" data-original="images/industrySolution/crossBorder_advantage_warehouse.svg" width="80px" height="80px"></img>
              <p className="text">覆盖全球<span className="large-size">154个</span></p>
              <p>仓库</p>
            </div>
            <div className="item">
              <img className="icon lazy" data-original="images/industrySolution/crossBorder_advantage_partener.svg" width="80px" height="80px"></img>
              <p className="text"><span className="large-size">20万家</span></p>
              <p>合作伙伴</p>
            </div>
          </div>
      </div>
  </section>

  <section className="g-section g-service" id="service">
      <div className="c-layout">
          <h1 className="title">“迈”服务</h1>
          <div className="m-service-content clearfix">
              <ul className="tab-list">
                <li className="active" data-index="seller" onMouseEnter={this.switchTab}>
                  <a className="info" href="javascript:void(0);">
                    <img  className="icon" src="images/industrySolution/crossBorder_service_seller.svg" width="40" height="40"></img>
                    <p>卖家服务</p>
                  </a>
                </li>
                <li className="" data-index="cross" onMouseEnter={this.switchTab}>
                  <a className="info" href="javascript:void(0);">
                    <img  className="icon" src="images/industrySolution/crossBorder_service_cross.svg" width="40" height="40"></img>
                    <p>跨境头程</p>
                  </a>
                </li>
                <li className="" data-index="storage" onMouseEnter={this.switchTab}>
                  <a className="info" href="javascript:void(0);">
                    <img  className="icon" src="images/industrySolution/crossBorder_service_storage.svg" width="40" height="40"></img>
                    <p>全球仓储</p>
                  </a>
                </li>
                <li className="" data-index="delivery" onMouseEnter={this.switchTab}>
                  <a className="info" href="javascript:void(0);">
                    <img  className="icon" src="images/industrySolution/crossBorder_service_delivery.svg" width="40" height="40"></img>
                    <p>境外配送</p>
                  </a>
                </li>
              </ul>
              <div className="tab-content">
                <div className="tab-pane" id="seller">
                  <h1 className="tab-pane-title">新手指南</h1>
                  <div className="tab-pane-content">
                    <div className="item">
                      <div className="info">
                        <img className="icon" src="images/industrySolution/crossBorder_service_register.svg" width="80px" height="80px"></img>
                        <h3>1.快速注册</h3>
                        <p>7秒成为三藏跨境卖家，为您打通全球商路</p>
                      </div>
                    </div>
                    <div className="item">
                      <div className="info">
                        <img className="icon" src="images/industrySolution/crossBorder_service_on.svg" width="80px" height="80px"></img>
                        <h3>2.一键上架</h3>
                        <p>只需一键，您的产品将轻松上架全球百家电商平台，省时省力更省心</p>
                      </div>
                    </div>
                    <div className="item">
                      <div className="info">
                        <img className="icon" src="images/industrySolution/crossBorder_service_service.svg" width="80px" height="80px"></img>
                        <h3>3.自选服务</h3>
                        <p>个性套餐，专属服务，为您打造专业的跨境物流私人订制</p>
                      </div>
                    </div>
                    <div className="item">
                      <div className="info">
                        <img className="icon" src="images/industrySolution/crossBorder_service_warehouse.svg" width="80px" height="80px"></img>
                        <h3>4.智能云仓</h3>
                        <p>实时更新库存动态，利用智能算法为跨境卖家提供合理解决方案</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="tab-pane hide" id="cross">
                  <h1 className="tab-pane-title">合作企业</h1>
                  <div className="tab-pane-content clearfix">
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_hainan.png" width="214px" height="48px" alt="跨境头程_海南航空"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_sinotrans.png" width="127px" height="69px" alt="跨境头程_sinotrans"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_express.png" width="197px" height="82px" alt="跨境头程_云途物流"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_chinaeast.png" width="223px" height="69px" alt="跨境头程_东方航空"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_maersk.png" width="195px" height="65px" alt="跨境头程_maersk"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_cosco.png" width="109px" height="72px" alt="跨境头程_cosco"/>
                    </a>
                  </div>
                </div>
                <div className="tab-pane hide" id="storage">
                  <h1 className="tab-pane-title">三藏全球仓－覆盖全球的一站式仓储服务</h1>
                  <div className="tab-pane-content">
                    <ul>
                      <li className="list">
                        <img className="icon" src="images/industrySolution/crossBorder_service_country.svg" width="16px" height="16px"></img>
                        <span className="keyword"><b>国家</b></span>
                        <span className="item" onClick={this.selectParam}>中国</span>
                        <span className="item" onClick={this.selectParam}>美国</span>
                        <span className="item" onClick={this.selectParam}>英国</span>
                        <span className="item" onClick={this.selectParam}>加拿大</span>
                        <span className="item" onClick={this.selectParam}>西班牙</span>
                        <span className="item" onClick={this.selectParam}>法国</span>
                        <span className="item" onClick={this.selectParam}>澳大利亚</span>
                        <span className="item" onClick={this.selectParam}>泰国</span>
                        <span className="item" onClick={this.selectParam}>日本</span>
                        <span className="item" onClick={this.selectParam}>墨西哥</span>
                      </li>
                      <li className="list">
                        <img className="icon" src="images/industrySolution/crossBorder_service_district.svg" width="16px" height="16px"></img>
                        <span className="keyword"><b>地区</b></span>
                        <span className="item" onClick={this.selectParam}>洛杉矶</span>
                        <span className="item" onClick={this.selectParam}>波士顿</span>
                        <span className="item" onClick={this.selectParam}>纽约</span>
                        <span className="item" onClick={this.selectParam}>温哥华</span>
                        <span className="item" onClick={this.selectParam}>伦敦</span>
                        <span className="item" onClick={this.selectParam}>柏林</span>
                        <span className="item" onClick={this.selectParam}>马德里</span>
                        <span className="item" onClick={this.selectParam}>多伦多</span>
                        <span className="item" onClick={this.selectParam}>东京</span>
                        <span className="item" onClick={this.selectParam}>曼谷</span>
                        <span className="item" onClick={this.selectParam}>北京</span>
                      </li>
                      <li className="list">
                        <img className="icon" src="images/industrySolution/crossBorder_service_area.svg" width="16px" height="16px"></img>
                        <span className="keyword"><b>面积</b></span>
                        <span className="item" onClick={this.selectParam}>100平米以下</span>
                        <span className="item" onClick={this.selectParam}>100-500平米</span>
                        <span className="item" onClick={this.selectParam}>500-1000平米</span>
                        <span className="item" onClick={this.selectParam}>1000平米以上</span>
                      </li>
                      <li className="list">
                        <img className="icon" src="images/industrySolution/crossBorder_service_price.svg" width="16px" height="16px"></img>
                        <span className="keyword"><b>价格</b></span>
                        <span className="item" onClick={this.selectParam}>0.1-0.6元／平米／天</span>
                        <span className="item" onClick={this.selectParam}>0.6-1元／平米／天</span>
                        <span className="item" onClick={this.selectParam}>1-1.5元／平米／天</span>
                        <span className="item" onClick={this.selectParam}>1.5元以上／平米／天</span>
                      </li>
                      <li className="list">
                        <img className="icon" src="images/industrySolution/crossBorder_service_rent.svg" width="16px" height="16px"></img>
                        <span className="keyword"><b>起租</b></span>
                        <span className="item" onClick={this.selectParam}>1月起</span>
                        <span className="item" onClick={this.selectParam}>2月起</span>
                        <span className="item" onClick={this.selectParam}>3月起</span>
                        <span className="item" onClick={this.selectParam}>半年起</span>
                        <span className="item" onClick={this.selectParam}>一年起</span>
                      </li>
                      <li className="list star-list">
                        <img className="icon" src="images/industrySolution/crossBorder_service_redstar.svg" width="16px" height="16px"></img>
                        <span className="keyword"><b>星级</b></span>
                        <div className="d-ib" onMouseLeave={this.leave} >
                          <span className="item" onMouseEnter={this.enter} onClick={this.rank} data-index="1">
                            <img className="star greystar" src="images/industrySolution/crossBorder_service_greystar.svg" width="16px" height="16px"></img>
                            <img className="star redstar hide" src="images/industrySolution/crossBorder_service_redstar.svg" width="16px" height="16px"></img>
                          </span>
                          <span className="item" onMouseEnter={this.enter} onClick={this.rank} data-index="2">
                            <img className="star greystar" src="images/industrySolution/crossBorder_service_greystar.svg" width="16px" height="16px"></img>
                            <img className="star redstar hide" src="images/industrySolution/crossBorder_service_redstar.svg" width="16px" height="16px"></img>
                          </span>
                          <span className="item" onMouseEnter={this.enter} onClick={this.rank} data-index="3">
                            <img className="star greystar" src="images/industrySolution/crossBorder_service_greystar.svg" width="16px" height="16px"></img>
                            <img className="star redstar hide" src="images/industrySolution/crossBorder_service_redstar.svg" width="16px" height="16px"></img>
                          </span>
                          <span className="item" onMouseEnter={this.enter} onClick={this.rank} data-index="4">
                            <img className="star greystar" src="images/industrySolution/crossBorder_service_greystar.svg" width="16px" height="16px"></img>
                            <img className="star redstar hide" src="images/industrySolution/crossBorder_service_redstar.svg" width="16px" height="16px"></img>
                          </span>
                          <span className="item" onMouseEnter={this.enter} onClick={this.rank} data-index="5">
                            <img className="star greystar" src="images/industrySolution/crossBorder_service_greystar.svg" width="16px" height="16px"></img>
                            <img className="star redstar hide" src="images/industrySolution/crossBorder_service_redstar.svg" width="16px" height="16px"></img>
                          </span>
                        </div>
                      </li>
                    </ul>
                    <div className="search-group">
                      <input type="text" name="" placeholder="输入关键字( 库名/地址 )" />
                      <a href="/product_list" className="search-btn">搜索</a>
                    </div>
                  </div>
                </div>
                <div className="tab-pane hide" id="delivery">
                  <h1 className="tab-pane-title">合作企业</h1>
                  <div className="tab-pane-content clearfix">
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_dhl.png" width="220px" height="73px" alt="合作企业_DHL"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_ups.png" width="83px" height="84px" alt="合作企业_UPS"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_usps.png" width="221px" height="61px" alt="合作企业_USPS"/>
                    </a>
                    <a className="logo-wrapper">
                      <img className="logo" src="images/industrySolution/crossBorder_service_fedex.png" width="160px" height="76px" alt="合作企业_FedEx"/>
                    </a>
                  </div>
                </div>
              </div>
          </div>
      </div>
  </section>

</div>
